<template>
  <!-- 项目实施-具体项目任务新增 3-2  -->
  <div class="common-wrap">
    <h3>具体项目任务新增</h3>
    <a-form :form="form">
      <a-form-item label="事项" :label-col="{ span: 3 }">
        <!-- 测绘类 -->
        <a-select @change="handleSelectChange" placeholder="请选择事项" v-if="type=='ch'">
          <a-select-option value="资料收集">
            资料收集
          </a-select-option>
          <a-select-option value="技术方案确定">
            技术方案确定
          </a-select-option>
          <a-select-option value="外业测量">
            外业测量
          </a-select-option>
          <a-select-option value="内页处理">
            内页处理
          </a-select-option>
          <a-select-option value="数据建库">
            数据建库
          </a-select-option>
          <a-select-option value="数据质检">
            数据质检
          </a-select-option>
          <a-select-option value="验收">
            验收
          </a-select-option>
        </a-select>
        <!-- 软件类 -->
        <a-select @change="handleSelectChange" placeholder="请选择事项" v-if="type=='rj'">
          <a-select-option value="需求调研">
            需求调研
          </a-select-option>
          <a-select-option value="系统设计">
            系统设计
          </a-select-option>
          <a-select-option value="编码">
            编码
          </a-select-option>
          <a-select-option value="测试">
            测试
          </a-select-option>
          <a-select-option value="验收">
            验收
          </a-select-option>
        </a-select>
      </a-form-item>
      <a-form-item label="具体内容" :label-col="{ span: 3 }">
        <a-input placeholder="请输入具体内容" />
      </a-form-item>
      <a-form-item label="具体内容时间节点安排" :label-col="{ span: 3 }">
        <a-date-picker placeholder="请选择开始时间" :showToday="false" class="mr10" />
        <a-date-picker placeholder="请选择完成时间" :showToday="false" class="mr10" />
      </a-form-item>
      <a-form-item label="具体内容节点安排" :label-col="{ span: 3 }">
        <a-input placeholder="请输入具体内容节点安排" />
      </a-form-item>
      <a-form-item>
        <div class="sumbitButton">
          <a-button type="primary" class="buttonColorGreen">提交</a-button>
          <a-button class="buttonColorWhite" @click="cancel">取消</a-button>
        </div>
      </a-form-item>
    </a-form>
  </div>
</template>

<script>
export default {
  props: {
    taskAddShow: Boolean,
    type:String
  },
  data() {
    return {
      form: this.$form.createForm(this)
    }
  },
  methods: {
    cancel() {
      this.$emit('update:taskAddShow', false)
    },
    handleSelectChange() {
    },
  }
}
</script>

<style scoped>
h3 {
  margin-bottom: 25px;
}
>>> .ant-input,
>>> .ant-select {
  width: 300px;
}
.sumbitButton {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}
.sumbitButton button {
  margin: 20px 30px;
}
</style>

